<div id="extractor-area">
    <div class="form-group">
        <label class="col-sm-1 control-label">变量</label>
        <div class="col-sm-11">
            <p style="margin-top:9px;">
            根据需要提取变量使用
            <a id="add-extraction-btn" class="btn btn-success" style="padding:0 5px;"><i class="fa fa-plus"></i></a>
            </p>
        </div>
    </div><!-- 描述 -->

    {@if r.extractor && r.extractor.extractions }
        {@each r.extractor.extractions as c, index}
            <div class="form-group pair extraction-holder">
                <label class="col-sm-1 control-label"></label>

                <div class="col-sm-2">
                    <select class="form-control" name="rule-extractor-extraction-type">
                        <option value="Query" {@if c.type == "Query" } selected {@/if}>Query</option>
                        <option value="Header" {@if c.type == "Header" } selected {@/if}>Header</option>
                        <option value="PostParams" {@if c.type == "PostParams" } selected {@/if}>PostParams</option>
                        <option value="Host" {@if c.type == "Host" } selected {@/if}>Host</option>
                        <option value="URI" {@if c.type == "URI" } selected {@/if}>URI</option>
                        <option value="IP" {@if c.type == "IP" } selected {@/if}>IP</option>
                        <option value="Method" {@if c.type == "Method" } selected {@/if}>Method</option>
                    </select>
                </div>
                <div class="col-sm-2 extraction-name-hodler" {@if c.type!="Header"&&c.type!="Query"&&c.type!="PostParams" } style="display:none;" {@/if}>
                    <input type="text" class="form-control" name="rule-extractor-extraction-name" placeholder="name" value="${c.name}">
                </div>
                <div class="col-sm-1" style="margin-top:10px">
                    <span class="input-group-btn">
                        <a class="btn btn-danger" style="padding:0 5px;">
                            <i class="fa fa-remove"></i>
                        </a>
                        <a class="btn btn-success" style="padding:0 5px;">
                            <i class="fa fa-plus"></i>
                        </a>
                    </span>
                </div>
            </div>
        {@/each}
    {@/if}

</div>
<!-- extractor -->